iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
0
自我挑戰組

Hello Swift系列 第 3

3/30 UI元件之View-1

  • 分享至 

  • xImage
  •  

Apple官方文件(UIView)

supeview VS subViews(父視圖 VS 子視圖)

class ViewController: UIViewController {
    @IBOutlet weak var midRect: UIView!
    //midRect型別為optional UIView

透過StoryBoard或程式碼來調整UIView各項設定

.backgroundColor屬性:調整UIView的顏色

black, blue, brown, clear, cyan, darkGray, gray, green, lightGray, magenta, orange, purple, red, white, yellow
midRect.backgroundColor = UIColor.green

.alpha屬性:調整UIView的透明度(0~1)

midRect.alpha = 0.5

.isHidden屬性:隱藏UIView(true/false)

midRect.isHidden = true

設定整個View(畫面)的底色

self:類別ViewController自己
view:UIViewController類別的屬性,型別為UIView,故亦能以.background屬性調整顏色
self.view.backgroundColor = UIColor.orange
//self可省略:view.backgroundColor = UIColor.orange

設定自定義顏色

self.view.backgroundColor = UIColor.init(red: 1, green: 0.9, blue: 0.8, alpha: 1)

使用tag屬性替UIView編號

viewWithTag型別為optional UIView,以Optional Chaining(?)取值,若有值則將.lightgray設定給UIView的.backgroundColor屬性,若無值則不會做後續處理。
self.view.viewWithTag(101)?.backgroundColor = UIColor.lightGray
//self省略:view.viewWithTag(101)?.backgroundColor = lightGray

(未完待續)


上一篇
2/30 Optionals-2
下一篇
4/30 UI元件之View-2
系列文
Hello Swift30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言